<template>
   <div id="setting" class="setting">
    <!-- <div class="setting-top">
      <img class="leftIcon"  @click="goBack" src="../../../images/user/left_icon.png" alt=""/>
      <span class="goBack" @click="goBack">返回</span>
      <span class="set">使用帮助</span>
    </div> -->
    <div class="help">
      <div class="helpContent">
        <span>1.房东发布房源 →填写房源信息 → 选择合同 → 完善附加条款 → 发布成功</span>
      </div>
      <div class="helpContent">
        <span>2.租客预约看房 → 发送预约请求到房东，房东收到预约请求 → 确认/驳回预约 → 预约完毕</span>
      </div>
      <div class="helpContent">
        <span>3.租客发起签约 → 确认签约信息 → 生成合同 → 确认合同 → 提交签约请求到房东</span>
      </div>
      <div class="helpContent">
        <span>4.房东收到签约请求 → 查看合同信息 → 确认签约 → 消息反馈给租客</span>
      </div>
      <div class="helpContent">
        <span>5.租客收到确认 → 支付款项 → 交易完成 </span><br>
      </div>
    </div>
   </div>
</template>
<script>
export default {
  methods: {
    goBack () {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="less">
  .setting {
    height: 100vh;
    // background: #f2f5fb;
    background: white!important;
     .goBack{
      line-height: 50px;
      font-size: 20px;
      color: white;
       margin-right:10px;
      position: absolute;
      left: 10%;
      z-index: 99;
    }
    .set{
      width: 86%;
      position: absolute;
      text-align: center;
    }
    .leftIcon{
      display:inline-block;
      width:8%;
      margin-top: -5px;
      margin-right:10px;
      vertical-align:middle;
    }
    .setting-top{
      width: 100%;
      height: 50px;
      line-height: 50px;
      background: black;
      color: white;
      font-size: 23px;
      position: relative;
    }
    .help{
      box-sizing: border-box;
      width: 90%;
      height: 88vh;
      margin-left: auto;
      margin-right: auto;
      margin-top: 14px;
      margin-bottom: 10px;
      padding: 15px;
      // box-shadow: 0 0 8px 5px #aaa;
    }
    .helpContent{
      margin-bottom: 40px;
      margin-left: 10px;
    }
    .contentTop{
      // font-size: 20px;
      margin-bottom: 40px;
      // font-weight: 500;
    }
  }
</style>
